<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE" />
				<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=1;" />
				<meta name="apple-mobile-web-app-capable" content="yes" />
				<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
        <title></title>
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
        <link rel="stylesheet" href="my.css" />
        <style>.center{text-align:center}</style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
        <script src="app.js?v013"></script>
        <script src="my.js?v013"></script>
    </head>
    <body>
        <!-- Home -->
        <div data-role="page" id="home">
            <div data-theme="b" data-role="header" data-position="fixed"><h3>Timeline</h3></div>
            <div data-role="content" style="padding: 15px">
                <div data-role="fieldcontain">
                    <fieldset data-role="controlgroup">
                        <label for="txtSKU">C&oacute;digo de producto</label>
                        <input required="required" name="txtSKU" id="txtSKU" placeholder="codigo, referencia, sku..." type="number" />
                        <p style="font-size:11px">Ej: 913785</p>
				                <a id="btnConsulta" data-theme="b" data-role="button" data-transition="none" href="#frmConsultaSku" data-icon="ios-pack-color-right-arrow" data-iconpos="right" data-iconsize="26">Consultar...</a>
                    </fieldset>
                </div>
                <p style="font-size:11px;text-align:center;padding-top:20px;">
                	<a href="#frmObjetivo" data-transition="none" style="color:green">el porque de esta app...</a>
                	<br/><br/>
                	<span>otra app de Huemul.mobi</span>
                </p>
            </div>
        </div>
        <!-- frmConsultaSku -->
        <div data-role="page" id="frmConsultaSku">
            <div data-theme="b" data-role="header" data-position="fixed"><a data-role="button" data-transition="none" data-theme="b" href="#home" class="ui-btn-left">Inicio</a><h3>Timeline</h3></div>
            <div data-role="content" style="padding: 15px">
                <h2 id="res-nomProducto"></h2>
                <hr/>
                <h3 id="res-precio"></h3>
                <h5 id="res-nomTienda"></h5>
                <h5 id="frmConsultaSku-title"></h5>
                <p style="font-size:11px;text-align:center;color:grey">
                	Los precios aquí publicados son del día actual y para compras vía internet.
                </p>                
                
                <div data-role="collapsible-set" data-mini="true">
									<div data-role="collapsible" data-collapsed="false">
										<h3>Sugerencia</h3>
										<p id="res-sugerencia">
                    	El precio actual es el más bajo que ha registrado desde la fecha 13/01/2012, es probable que su precio no var&iacute;e en el corto plazo, en este momento hay una buena oportunidad para realizar la compra a trav&eacute;s del sitio web.
                    	<br/><br/><a target="_blank" data-transition="none" id="res-linkProducto" style="font-size:11px">Ir a la página del producto</a>
                  	</p>
									</div>
									
									<div data-role="collapsible">
									<h3>Imagen producto</h3>
									<p><a href="myimage.jpg" id="res-imagenproductolink"><img id="res-imagenproductoimg" src="images/blank.gif" style="width:1px;height:1px;"></a></p>
									</div>
									
									<div data-role="collapsible">
									<h3>Historial de variaciones</h3>
									<p><img alt="" id="pchart" src="images/blank.gif" height="1" width="1"/></p>
									</div>
								</div>
                <p>
                	<a data-theme="b" data-role="button" data-transition="none" href="#frmEncuesta" data-icon="ios-pack-color-right-arrow" data-iconpos="right" data-iconsize="26">ayudanos a mejorar!</a>
                </p>
            </div>
        </div>
        <!-- frmProductoNoEncontrado -->
        <div data-role="page" id="frmProductoNoEncontrado">
            <div data-theme="b" data-role="header" data-position="fixed"><a data-role="button" data-transition="none" data-theme="b" href="#home" class="ui-btn-left">Inicio</a><h3>Timeline</h3></div>
            <div data-role="content" style="padding: 15px">
                <h3>Producto no encontrado</h3>
                <div>
                    <p>
                        El producto que buscas no está en nuestros registros, seguramente se trata
                        de un producto nuevo o que no está a la venta por internet.
                    </p>
                </div>
                <h2>
                </h2>
                <a data-role="button" data-transition="none" href="#home">Consultar un producto</a>
            </div>
        </div>
        <!-- frmEncuesta -->
        <div data-role="page" id="frmEncuesta">
            <div data-theme="b" data-role="header" data-position="fixed"><a data-role="button" data-transition="none" data-theme="b" href="#home" class="ui-btn-left">Inicio</a><h3>Timeline</h3></div>
            <div data-role="content" style="padding: 15px">
                <h3>Sólo dos preguntas!</h3>
								<div data-role="fieldcontain">
									<fieldset data-role="controlgroup">
										<legend>¿Encuentras &uacute;til esta aplicaci&oacute;n?.</legend>
										<input type="radio" name="radio-choice11" id="radio-choice11" value="p1-si" /><label for="radio-choice11">Si</label>
										<input type="radio" name="radio-choice12" id="radio-choice12" value="p1-no" /><label for="radio-choice12">No</label>
									</fieldset>
									<fieldset data-role="controlgroup">
										<legend>¿La recomendar&iacute;as a tus amigos?.</legend>
										<input type="radio" name="radio-choice21" id="radio-choice21" value="p2-si" /><label for="radio-choice21">Si</label>
										<input type="radio" name="radio-choice22" id="radio-choice22" value="p2-no" /><label for="radio-choice22">No</label>
									</fieldset>
	
										<label for="textarea">Y les recomiendo que... (opcional)</label>
										<textarea name="textarea" id="txtComentario"></textarea>

                <a id="btnEnviarRespuestas" data-theme="b" data-role="button" data-transition="none" href="#home" data-icon="ios-pack-color-right-arrow" data-iconpos="right" data-iconsize="26">Enviar respuestas</a>
                </div>
            </div>
        </div>
        <!-- frmObjetivo -->
        <div data-role="page" id="frmObjetivo">
            <div data-theme="b" data-role="header" data-position="fixed"><a data-role="button" data-transition="none" data-theme="b" href="#home" class="ui-btn-left">Inicio</a><h3>Timeline</h3></div>
            <div data-role="content" style="padding: 15px">
                <h3>Porqué existe esta App?</h3>
                <div>
                    whyyyyyyy!!!!!!?????
                </div>
            </div>
        </div>
    </body>
</html>